<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>

<script type="text/javascript" src="js/editimage.js?ver=327"></script>
<script type="text/javascript" src="../../utils/form_utils.js?ver=3223"></script>

<link rel="stylesheet" href="css/editimage.css?ver=327" type="text/css" media="all" />

<script type="text/javascript">
if ( 'rtl' == tinyMCEPopup.editor.getParam('directionality','') )
	document.write('<link rel="stylesheet" href="css/editimage-rtl.css?ver=3223" type="text/css" media="all" />');
</script>
<base target="_self" />
</head>

<body id="media-upload" style="display:none;">
<div id="media-upload-header">
	<ul id="sidemenu">
	<li><a href="javascript:;" id="tab_basic" class="current" onclick="wpImage.setTabs(this);">{#wpeditimage.edit_img}</a></li>
	<li><a href="javascript:;" id="tab_advanced" onclick="wpImage.setTabs(this);">{#wpeditimage.adv_settings}</a></li>
	</ul>
</div>

<div id="img-edit">
<form class="media-upload-form" action="" onsubmit="wpImage.update();">
	<div id="img_size_div">
		<div id="img_size_title">{#wpeditimage.size}</div>
		<div id="img_size" onmouseout="wpImage.showSizeRem()">
			<div id="s130" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s130}</div>
			<div id="s120" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s120}</div>
			<div id="s110" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s110}</div>
			<div id="s100" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s100}</div>
			<div id="s90" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s90}</div>
			<div id="s80" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s80}</div>
			<div id="s70" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s70}</div>
			<div id="s60" onmouseover="wpImage.showSize(this)" onclick="wpImage.imgEditSize(this)">{#wpeditimage.s60}</div>
		</div>
	</div>
	<div class="show-align" id="show_align">
		<img id="img_demo" src="img/image.png" alt="" />
		<span id="img_demo_txt">
		Lorem ipsum dolor sit amet consectetuer velit pretium euismod ipsum enim. Mi cursus at a mollis senectus id arcu gravida quis urna. Sed et felis id tempus Morbi mauris tincidunt enim In mauris. Pede eu risus velit libero natoque enim lorem adipiscing ipsum consequat. In malesuada et sociis tincidunt tempus pellentesque cursus convallis ipsum Suspendisse. Risus In ac quis ut Nunc convallis laoreet ante Suspendisse Nam. Amet amet urna condimentum Vestibulum sem at Curabitur lorem et cursus. Sodales tortor fermentum leo dui habitant Nunc Sed Vestibulum.
		Ut lorem In penatibus libero id ipsum sagittis nec elit Sed. Condimentum eget Vivamus vel consectetuer lorem molestie turpis amet tellus id. Condimentum vel ridiculus Fusce sed pede Nam nunc sodales eros tempor. Sit lacus magna dictumst Curabitur fringilla auctor id vitae wisi facilisi. Fermentum eget turpis felis velit leo Nunc Proin orci molestie Praesent. Curabitur tellus scelerisque suscipit ut sem amet cursus mi Morbi eu. Donec libero Vestibulum augue et mollis accumsan ornare condimentum In enim. Leo eget ac consectetuer quis condimentum malesuada.
		Condimentum commodo et Lorem fringilla malesuada libero volutpat sem tellus enim. Tincidunt sed at Aenean nec nonummy porttitor Nam Sed Nulla ut. Auctor leo In aliquet Curabitur eros et velit Quisque justo morbi. Et vel mauris sit nulla semper vitae et quis at dui. Id at elit laoreet justo eu mauris Quisque et interdum pharetra. Nullam accumsan interdum Maecenas condimentum quis quis Fusce a sollicitudin Sed. Non Quisque Vivamus congue porttitor non semper ipsum porttitor quis vel. Donec eros lacus volutpat et tincidunt sem convallis id venenatis sit. Consectetuer odio.
		Semper faucibus Morbi nulla convallis orci Aliquam Sed porttitor et Pellentesque. Venenatis laoreet lorem id a a Morbi augue turpis id semper. Arcu volutpat ac mauris Vestibulum fringilla Aenean condimentum nibh sed id. Sagittis eu lacus orci urna tellus tellus pretium Curabitur dui nunc. Et nibh eu eu nibh adipiscing at lorem Vestibulum adipiscing augue. Magna convallis Phasellus dolor malesuada Curabitur ornare adipiscing tellus Aliquam tempus. Id Aliquam Integer augue Nulla consectetuer ac Donec Curabitur tincidunt et. Id vel Nunc amet lacus dui magna ridiculus penatibus laoreet Duis. Enim sagittis nibh quis Nulla nec laoreet vel Maecenas mattis vel.
		</span>
	</div>

	<div id="div_basic">
	<table id="basic" class="describe">
		<tbody>

		<tr class="align">
			<th valign="top" scope="row" class="label">
				<label for="img_align_td">
				<span class="alignleft">{#contextmenu.align}</span>
				</label>
			</th>
			<td class="field" id="img_align_td">
				<input type="radio" onclick="wpImage.imgAlignCls('alignnone')" name="img_align" id="alignnone" value="alignnone" />
				<label for="alignnone" class="align image-align-none-label">{#wpeditimage.none}</label>

				<input type="radio" onclick="wpImage.imgAlignCls('alignleft')" name="img_align" id="alignleft" value="alignleft" />
				<label for="alignleft" class="align image-align-left-label">{#contextmenu.left}</label>

				<input type="radio" onclick="wpImage.imgAlignCls('aligncenter')" name="img_align" id="aligncenter" value="aligncenter" />
				<label for="aligncenter" class="align image-align-center-label">{#contextmenu.center}</label>

				<input type="radio" onclick="wpImage.imgAlignCls('alignright')" name="img_align" id="alignright" value="alignright" />
				<label for="alignright" class="align image-align-right-label">{#contextmenu.right}</label>
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="img_title">
				<span class="alignleft">{#wpeditimage.img_title}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="img_title" name="img_title" value="" aria-required="true" size="60" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="img_alt">
				<span class="alignleft">{#wpeditimage.alt}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="img_alt" name="img_alt" value="" size="60" />
			</td>
		</tr>

		<tr id="cap_field">
			<th valign="top" scope="row" class="label">
				<label for="img_cap">
				<span class="alignleft">{#wpeditimage.caption}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="img_cap" name="img_cap" value="" size="60" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="link_href">
				<span class="alignleft" id="lb_link_href">{#advanced_dlg.link_url}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="link_href" name="link_href" value="" size="60" /><br />
				<input type="button" class="button" onclick="wpImage.I('link_href').value='';" value="{#wpeditimage.none}" />
				<input type="button" class="button" id="img_url_current" onclick="wpImage.img_seturl('current')" value="{#wpeditimage.current_link}" />
				<input type="button" class="button" id="img_url_img" onclick="wpImage.img_seturl('link')" value="{#wpeditimage.link_to_img}" />
				<p class="help">{#wpeditimage.link_help}</p>
			</td>
		</tr>
	</tbody>
	</table></div>

	<div id="div_advanced" style="display:none;">
	<h3>{#wpeditimage.adv_img_settings}</h3>
	<table id="adv_settings_img" class="describe">
		<tbody>
		<tr>
			<th valign="top" scope="row" class="label">
				<label for="img_src">
				<span class="alignleft">{#wpeditimage.source}</span>
				<span class="alignright"><abbr title="required" class="required">*</abbr></span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="img_src" name="img_src" value="" onblur="wpImage.checkVal(this)" aria-required="true" size="60" />
			</td>
		</tr>

		<tr id="img_dim">
			<th valign="top" scope="row" class="label">
				<label>
				<span class="alignleft">{#wpeditimage.size}</span>
				</label>
			</th>
			<td class="field">
				<label for="width">{#wpeditimage.width}</label>
				<input type="text" maxlength="5" id="width" name="width"  value="" />

				<label for="height">{#wpeditimage.height}</label>
				<input type="text" maxlength="5" id="height" name="height" value="" />

				<input type="button" class="button" id="orig_size" name="orig_size" value="{#wpeditimage.orig_size}" onclick="wpImage.origSize();" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="img_classes">
				<span class="alignleft">{#wpeditimage.css}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="img_classes" name="img_classes" value="" size="60" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="img_style">
				<span class="alignleft">{#advanced.style_select}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="img_style" name="img_style" value="" size="60" onblur="wpImage.demoSetStyle();" />
			</td>
		</tr>

		<tr id="img_prop">
			<th valign="top" scope="row" class="label">
				<label for="img_prop">
					<span class="alignleft">{#advanced.image_props_desc}</span>
				</label>
			</th>
			<td class="field">
				<label for="border">{#advanced_dlg.image_border}</label>
				<input type="text" maxlength="5" id="border" name="border" value="" onblur="wpImage.updateStyle('border')" />

				<label for="vspace">{#advanced_dlg.image_vspace}</label>
				<input type="text" maxlength="5" id="vspace" name="vspace" value="" onblur="wpImage.updateStyle('vspace')" />

				<label for="hspace">{#advanced_dlg.image_hspace}</label>
				<input type="text" maxlength="5" id="hspace" name="hspace" value="" onblur="wpImage.updateStyle('hspace')" />
			</td>
		</tr>
		</tbody>
	</table>

	<h3>{#wpeditimage.adv_link_settings}</h3>
	<table id="adv_settings_link" class="describe">
		<tbody>
		<tr>
			<th valign="top" scope="row" class="label">
				<label for="link_title">
				<span class="alignleft">{#advanced_dlg.link_titlefield}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="link_title" name="link_title" value="" size="60" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="link_rel">
				<span class="alignleft">{#wpeditimage.link_rel}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="link_rel" name="link_rel" value="" size="60" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="link_classes">
				<span class="alignleft">{#wpeditimage.css}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="link_classes" name="link_classes" value="" size="60" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label for="link_style">
				<span class="alignleft">{#advanced.style_select}</span>
				</label>
			</th>
			<td class="field">
				<input type="text" id="link_style" name="link_style" value="" size="60" />
			</td>
		</tr>

		<tr>
			<th valign="top" scope="row" class="label">
				<label>
				<span class="alignleft">{#advanced_dlg.link_target}</span>
				</label>
			</th>
			<td class="field">
				<label for="link_target">
				{#advanced_dlg.link_target_blank}
				</label>
				<input type="checkbox" id="link_target" name="link_target" value="_blank" />
			</td>
		</tr>
		</tbody>
	</table></div>

	<div id="saveeditimg">
		<input type="hidden" id="align" name="align" value="" />

		<input type="submit" id="saveimg" class="button" value="{#update}" />
		<input type="button" class="button" id="cancelimg" name="cancelimg" value="{#cancel}" onclick="tinyMCEPopup.close();" />
	</div>
</form>
</div>

</body>
</html>
